{% extends "base.html" %}

{% block content %}
<div class="container mt-5">
    <div class="row">
        <!-- 左侧：可选课题（保持不变） -->
        <div class="col-md-6">
            <div class="card">
                <div class="card-header bg-success text-white">可选课题</div>
                <div class="card-body">
                    {% if topics %}
                        <table class="table table-bordered">
                            <thead>
                                <tr>
                                    <th>题目ID</th>
                                    <th>题目名称</th>
                                    <th>题目要求</th>
                                    <th>最大人数</th>
                                    <th>当前人数</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for topic in topics %}
                                    <tr>
                                        <td>{{ topic.id }}</td>
                                        <td>{{ topic.name }}</td>
                                        <td>{{ topic.description }}</td>
                                        <td>{{ topic.max_students }}</td>
                                        <td>{{ topic.current_students }}</td>
                                        <td>{{ topic.get_status_display }}</td>
                                        <td>
                                            <a href="#" class="btn btn-primary btn-sm">申请</a>
                                        </td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                    {% else %}
                        <p>暂无可选课题</p>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- 右侧：模拟“我的课题进度” -->
        <div class="col-md-6">
            <div class="card">
                <div class="card-header bg-info text-white">我的课题进度</div>
                <div class="card-body">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>课题名称</th>
                                <th>进度标题</th>
                                <th>进度内容</th>
                                <th>提交时间</th>
                                <th>状态</th>
                            </tr>
                        </thead>
                        <tbody>
                            <!-- 模拟进度条目 -->
                            <tr>
                                <td>毕业设计管理系统开发</td>
                                <td>开题报告完成</td>
                                <td>已完成背景介绍与意义分析，正在撰写文献综述。</td>
                                <td>2025-04-01 10:00</td>
                                <td><span class="badge bg-warning text-dark">待审核</span></td>
                            </tr>
                            <tr>
                                <td>智能推荐算法研究</td>
                                <td>第一阶段总结</td>
                                <td>完成了推荐模型的初步实现，测试准确率达到85%。</td>
                                <td>2025-03-25 15:30</td>
                                <td><span class="badge bg-success">已通过</span></td>
                            </tr>
                            <tr>
                                <td>数据分析与可视化</td>
                                <td>数据收集完成</td>
                                <td>爬取了10万条电商评论数据，并完成清洗。</td>
                                <td>2025-03-20 09:15</td>
                                <td><span class="badge bg-danger">被驳回</span></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}
